import React, { Component } from 'react';
import ReactDom from 'react-dom';
import util from "@/common/util";
import layer from "@/common/layer";
import axios from 'axios';
import ReactSwiper from 'reactjs-swiper';
// import $ from 'jquery';


class Midrule extends Component {
    constructor(props) {
        super(props);
        this.state = {
            loanList: ['zhangan']
        }

    }
    componentDidMount() {
        this.getlist()
    }
    async getlist() {
        let res = await util.rjax({
            url: '/other/list',
            type: 'get',
        })
        this.setState({ loanList: res.data.rows });
    }

    render() {
        //方式1:
        return (
            <div>
                <div id="midrule">
                    <div className="rulebox">
                        <div className="rule">
                            <h4>活动奖品：</h4>
                            <ul>
                                <li> 1.迪士尼黄金项链双挂坠</li>
                                <li> 2.平分5000块口令红包</li>
                            </ul>
                        </div>
                        <div className="rule">
                            <h4>活动时间：</h4>
                            2018年9月13日-2018年9月15日
                        </div>
                        <div className="rule">
                            <h4> 主办单位：</h4>
                            苏e融信贷免费平台
                        </div>
                        <div className="rule">
                            <h4>活动规则：</h4>
                            <ul>
                                <li>1.此活动共有五种月饼，在活动期间本人参与可获得一款月饼，剩余月饼需好友帮忙获得。</li>
                                <li>2.集齐五种月饼即可获得迪士尼黄金项链双挂坠一套。</li>
                                <li>3.活动奖品发放在活动结束后3-5个工作日公布，实物/虚拟礼品将于5个工作日内统一寄出。</li>
                            </ul>
                        </div>
                        <div className="rule">
                            <h4>分享好友玩法说法：</h4>
                            在活动期间本人仅可获得一次免费抽奖机会，点击分享一个好友可多获得一次抽奖机会，活动期间每天总抽奖次数为五次。
                        </div>

                    </div>
                </div>
                <img className="orange_cloud" src="/assets/wechat/orange_cloud.png" alt="" />
            </div>
        )
    }
}
ReactDom.render(<Midrule />, document.getElementById("app"));